<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Backbone Examples</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="../../assets/libs/bootstrap3/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="../../assets/libs/bootstrap3/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="../../assets/libs/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script type="text/javascript" src="../../assets/libs/bootstrap3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../assets/libs/underscore-min.js"></script>
<script type="text/javascript" src="../../assets/libs/backbone-min.js"></script>
<script type="text/javascript" src="../../assets/libs/backbone.epoxy.min.js"></script>
<script type="text/javascript" src="../../assets/libs/backbone.localStorage-min.js"></script>
<script type="text/javascript" src="../../assets/libs/sea.js"></script>
<script type="text/javascript" src="../../assets/my/js/test/test1.js"></script>
<style>
	body {
		margin-bottom: 50px;
	}
	.test-view {
		border: 1px solid #ccc;
		display: inline-block;
		margin: 15px;
		padding: 15px;
		width: 200px;
	}
	.test-view p {
		margin: 5px 0;
	}
	.test-view .section {
		border-top: 1px solid #ccc;
		margin-top: 15px;
		padding-top: 10px;
	}
	.test-classes {
		color: #999;
	}
	.active {
		color: #000;
	}
	.hilite {
		color: #1ec900;
	}
	.error {
		color: #f00;
	}
	</style>
</head>
<body>
	<div id="epoxy-todo-app">
	  <b>What do you need to do?</b>
	  <p>
	    <input type="text" class="todo-add">
	    <button class="add">Add</button>
	  </p>
	  <ul class="todos" data-bind="collection:$collection"></ul>
	  <button class="cleanup">Clear complete</button>
	</div>
	<script type="text/template-epoxy" id="tmpl-view-tmpl">
		<div id="tmpl-view" class="test-view">
			<strong>Template / Selector Mapping</strong>
			<p><span class="user-first"></span> <span class="user-last"></span></p>
		</div>
	</script>

</body>
</html>